<template>
  <div class="lift_list ">
    <div class="user">
      <div class="user-image boxshow_gray">
        <img src="http://mcgamehome.love/img/yhtx/4.jpeg" >
      </div>
      <div class="user_name">
        <span class="username">暮迟</span>
      </div>

    </div>
    <div class="list-classify">
      <p class="p-blod" style="margin-left: 15px;">导航</p>
      <ul class="ul-default" style="margin-bottom: 25px;">
        <li class="li-padding-15 padding-default li-hover">
          <a class="a-default " href="">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home" style="color: rgb(78, 238, 148);">
                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">首页</span>
            </div>
          </a>
        </li>
        <li class="li-padding-15 padding-default li-hover">
          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/addUrl'}">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home" style="color: rgb(78, 238, 148);">
                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">番剧链接添加</span>
            </div>
          </router-link>
        </li>
        <li class="li-padding-15 padding-default li-hover">
          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoUrlSet'}">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home" style="color: rgb(78, 238, 148);">
                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">番剧链接修改</span>
            </div>
          </router-link>
        </li>
        <li class="li-padding-15 padding-default li-hover">
          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoList'}">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool" style="color: rgb(238, 0, 0);"><path d="M12 19l7-7 3 3-7 7-3-3z"></path>
                <path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">番剧列表</span>
            </div>
          </router-link>
        </li>
        <li class="li-padding-15 padding-default li-hover">
          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoAdd'}">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool" style="color: rgb(238, 0, 0);"><path d="M12 19l7-7 3 3-7 7-3-3z"></path>
                <path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">添加番剧</span>
            </div>
          </router-link>
        </li>
        <li class="li-padding-15 padding-default li-hover">
          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoLbt'}">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool" style="color: rgb(238, 0, 0);"><path d="M12 19l7-7 3 3-7 7-3-3z"></path>
                <path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">轮播图列表</span>
            </div>
          </router-link>
        </li>
<!--        <li class="li-padding-15 padding-default li-hover">-->
<!--          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoLbtSet'}">-->
<!--            <div style="padding-left: 10px;">-->
<!--              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool" style="color: rgb(238, 0, 0);"><path d="M12 19l7-7 3 3-7 7-3-3z"></path>-->
<!--                <path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>-->
<!--              <span class="p-blod textcolor-gray" style="margin-left: 10px;">轮播图修改</span>-->
<!--            </div>-->
<!--          </router-link>-->
<!--        </li>-->
        <li class="padding-default li-hover">
          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoUpTime'}">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image" style="color: rgb(124, 252, 0);">
                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">最近更新列表</span>
            </div>
          </router-link>
        </li>
        <li class="padding-default li-hover">
          <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoUpTimeSet'}">
            <div style="padding-left: 10px;">
              <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image" style="color: rgb(124, 252, 0);">
                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
              <span class="p-blod textcolor-gray" style="margin-left: 10px;">修改最近更新</span>
            </div>
          </router-link>
        </li>
        <li class="list-item li-hover">
          <div class=" padding-default" >
            <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoTv'}">
              <div style="padding-left: 10px;">
                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid" style="color: rgb(224, 102, 255);"><rect x="3" y="3" width="7" height="7"></rect>
                  <rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
                <span class="p-blod textcolor-gray" style="margin-left: 10px;">最多看的TV</span>
              </div>
              <i class="bi bi-chevron-right"></i>
            </router-link>
          </div>
        </li>
<!--        <li class="list-item li-hover">-->
<!--          <div class=" padding-default" >-->
<!--            <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoTvSet'}">-->
<!--              <div style="padding-left: 10px;">-->
<!--                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid" style="color: rgb(224, 102, 255);"><rect x="3" y="3" width="7" height="7"></rect>-->
<!--                  <rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>-->
<!--                <span class="p-blod textcolor-gray" style="margin-left: 10px;">修改最多看的TV</span>-->
<!--              </div>-->
<!--              <i class="bi bi-chevron-right"></i>-->
<!--            </router-link>-->
<!--          </div>-->
<!--        </li>-->
      </ul>
      <p class="p-blod" style="margin-left: 15px;">总览</p>
            <div class="item-start">
              <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoNo'}">
              <div style="padding-left: 10px;">
                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid" style="color: rgb(224, 102, 255);"><rect x="3" y="3" width="7" height="7"></rect>
                  <rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
                <span class="p-blod textcolor-gray" style="margin-left: 10px;">查看不能播放反馈</span>
              </div>
              <i class="bi bi-chevron-right"></i>
              </router-link>
            </div>

            <div class="item-start">
              <router-link class="a-default" tag="a" :to="{path:'/adminI-AM-WASTE/videoBug'}">
              <div style="padding-left: 10px;">
                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file" style="color: rgb(238, 0, 0);">
                  <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
                <span class="p-blod textcolor-gray" style="margin-left: 10px;">查看bug，及建议</span>
              </div>
              <i class="bi bi-chevron-right"></i>
              </router-link>
            </div>

      <!-- 管理 -->
<!--      <div class="user-gl">-->
<!--        <div class="user-setting">-->
<!--          <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">-->
<!--          </path></svg>-->
<!--          <span>管理</span>-->
<!--        </div>-->
<!--        <div class="user-setting">-->
<!--          <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss">-->
<!--            <path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>-->
<!--          <span>文章</span>-->
<!--        </div>-->
<!--      </div>-->
    </div>
  </div>
</template>

<script setup>

</script>

<style lang="less" scoped>

.item-start{
  display: flex;
  padding: 15px 25px;
  width: 100%;
}
.item-start:hover{
  background: #eeeeee;
}
.text-align{
  text-align: center;
}

.span-white,.p-white{
  color: #FFFFFF;
}
.p-black{
  color: black;
}
.span-bl,.p-bl{
  color: #00aaff;
}
.span-pink-b{
  background-color: pink;
}
.span-blue-b{
  background-color: #00aaff;
}
.span-pop-b{
  background-color: #aa55ff;
}
.span-green-b{
  background-color: #6bd8a0;
}
.span-hotp-b{
  background-color: #ff557f;
}
.span-yellow{
  color: #e69171;
}

.a-default,.page_link{
  text-decoration: none;
}
.ul-default{
  list-style: none;
  width: 100%;
  padding: 0;
}
.textcolor-gray{
  color: #8b8b8b;
}
.a-default-color{
  color: #888788;
}
.padding-default{
  padding: 10px 20px;
}

.lift_list{
  width: 250px;
  display: flex;
  height: 100%;
  background-color: #f9f9f9;
  flex-direction: column;
  position: fixed;
  overflow: hidden;
  user-select: none;
  padding-top: 60px;
}
.user{
  text-align: center;
  padding: 15px;
  align-items: flex-start;
  position: relative;
  background-image: url(http://localhost/img/userBackImg/myBackImg.webp);
  background-size: auto 96%;
}
.user-image>img{
  border-radius: 50%;
}
.username{
  font-weight: bold;
  color: #9999e6;
}
.list-classify{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
  font-family: 黑体;
  font-weight: bold;
}
.user-gl{
  position:absolute;
  bottom: 0;
  left: 0;
  display:block;
  background-color: white;
}
.user-setting{
  width: 50%;
  float: left;
  text-align: center;
  padding: 5px;
}
.li-hover:hover{
  background: #eeeeee;
}
</style>
